<template>
  <view class="manual-page">
    
    <scroll-view class="manual-content" scroll-y="true">
      <view class="content-container">
        <view class="section">
          <text class="section-title">用户手册</text>
          <text class="update-time">版本：v1.0.0</text>
        </view>
        
        <view class="section">
          <text class="section-header">1. 快速开始</text>
          <text class="section-text">
            欢迎使用我们的加密货币量化分析平台！本手册将帮助您快速上手：
            • 注册账户并完成身份验证
            • 了解平台主要功能
            • 开始您的第一次AI分析
            • 查看策略推荐和市场数据
          </text>
        </view>
        
        <view class="section">
          <text class="section-header">2. 账户注册</text>
          <text class="section-text">
            注册步骤：
            1. 点击"注册"按钮
            2. 填写微信名（用于客服联系）
            3. 输入手机号码
            4. 设置安全密码（至少8位，包含数字和字母）
            5. 输入验证码
            6. 填写邀请码（可选）
            7. 同意用户协议和隐私政策
            8. 点击"注册"完成
          </text>
        </view>
        
        <view class="section">
          <text class="section-header">3. AI智能分析</text>
          <text class="section-text">
            AI分析功能说明：
            • 支持多种主流加密货币分析
            • 提供1小时、4小时、8小时、1日等多个时间维度
            • 智能识别市场趋势和交易机会
            • 实时更新分析结果
            • 支持历史对话记录查看
          </text>
        </view>
        
        <view class="section">
          <text class="section-header">4. 策略中心</text>
          <text class="section-text">
            策略功能包括：
            • 查看专业量化策略
            • 实时策略信号推送
            • 历史收益回测数据
            • 风险评估和建议
            • 策略订阅和管理
          </text>
        </view>
        
        <view class="section">
          <text class="section-header">5. 进度跟踪</text>
          <text class="section-text">
            进度管理功能：
            • 查看投资组合表现
            • 跟踪策略执行进度
            • 收益统计和分析
            • 风险监控和预警
            • 交易记录管理
          </text>
        </view>
        
        <view class="section">
          <text class="section-header">6. 个人中心</text>
          <text class="section-text">
            个人中心包含：
            • 账户信息管理
            • 安全设置
            • 高级服务
            • 邀请好友
            • 客服支持
            • 意见反馈
          </text>
        </view>
        
        <view class="section">
          <text class="section-header">7. 安全提示</text>
          <text class="section-text">
            为了保障您的账户安全：
            • 请设置复杂密码并定期更换
            • 不要在公共场所登录账户
            • 及时退出登录
            • 发现异常及时联系客服
            • 不要泄露账户信息给他人
          </text>
        </view>
        
        <view class="section">
          <text class="section-header">8. 常见问题</text>
          <text class="section-text">
            Q: 忘记密码怎么办？
            A: 点击登录页面的"忘记密码"，通过手机验证码重置密码。
            
            Q: 如何联系客服？
            A: 在个人中心点击"客服支持"，或通过意见反馈功能联系我们。
            
            Q: AI分析准确率如何？
            A: 我们的AI模型基于大量历史数据训练，但投资有风险，建议结合多方信息做决策。
          </text>
        </view>
        
        <view class="section">
          <text class="section-header">9. 免责声明</text>
          <text class="section-text">
            重要提示：
            • 本平台提供的信息仅供参考，不构成投资建议
            • 加密货币投资存在高风险，可能导致本金损失
            • 请根据自身风险承受能力谨慎投资
            • 过往表现不代表未来收益
            • 投资前请充分了解相关风险
          </text>
        </view>
        
        <view class="section">
          <text class="section-header">10. 联系我们</text>
          <text class="section-text">
            如需帮助，请联系我们：
            公众号：链智 Quant
            客服微信：Mz0508t
            工作时间：周一至周五 9:00-18:00
          </text>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  name: 'UserManualPage',
  data() {
    return {}
  },
  methods: {
    goBack() {
      uni.navigateBack()
    }
  }
}
</script>

<style lang="scss" scoped>
.manual-page {
  height: 100vh;
  background-color: #f5f5f5;
}

.manual-content {
  height: calc(100vh - 88rpx);
  padding: 32rpx;
}

.content-container {
  background-color: #fff;
  border-radius: 20rpx;
  padding: 40rpx;
}

.section {
  margin-bottom: 40rpx;
  
  &:last-child {
    margin-bottom: 0;
  }
}

.section-title {
  display: block;
  font-size: 40rpx;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 16rpx;
}

.update-time {
  display: block;
  font-size: 24rpx;
  color: #999;
  text-align: center;
  margin-bottom: 40rpx;
}

.section-header {
  display: block;
  font-size: 32rpx;
  font-weight: 600;
  color: #333;
  margin-bottom: 16rpx;
}

.section-text {
  display: block;
  font-size: 28rpx;
  line-height: 1.6;
  color: #666;
  text-align: justify;
  white-space: pre-line;
}
</style>
